<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <strong>0</strong>
    <button id="start">开始</button>
    <button id="end">结束</button>
</body>

</html>
<script>
    let number = 0;
    let timer;
    //定时器
    //1、创建定时器：setInterval(函数，时间)，返回定时器的标识；
    // 函数表示要做的事情，时间表示执行周期，返回标识是一个数组
    document.querySelector('#start').onclick = function () {
        timer=setInterval(() => {
            number++;
            document.querySelector('strong').innerHTML = number;
        }, 1000);
    }

    document.querySelector('#end').onclick=function(){
        clearInterval(timer);
    }
</script>